<!DOCTYPE html>
<meta charset="UTF-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<meta name="format-detection" content="telephone=no">

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" media="(device-height: 568px)">

 <title>我的</title> 

<link rel="stylesheet" href="css/mypage.css">
<link rel="stylesheet" type="text/css" href="css/tiaozhuan.css"/>
<style type="text/css">
	.bot {
    position: fixed;
    left: 0;
    bottom: -.4rem;
    background: white;
    width: 100%;
    height: 1.4rem;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
}
	.bot div {
    margin-left: .5rem;
    margin-right: .4rem;
}
	#huan1{
		width: .4rem;
}
	#huan2{
	 	width: .4rem;
}
	#huan3{
		width: .4rem;
}
	#huan4{
		width: .4rem;
}
 .bot p {
	font-size: 12px;
}
</style>
 
</head>
<body>

   <header id="M_headBar" class="ui-head-bar"></header>
    
<div id="views"><div class="views clearfix">
 <!--头部--> 
<div class="head-box">
	<div class="user-avatar">
 <img src="img/toxaing.jpg" id="reg" />
	</div> 
 <div> 
 	<p class="user-name" style=" padding-top: .5rem;">夏夜微凉@独享！</p> 
	<a class="address-link" href="javascript:;" data-href="//h5.mogujie.com/mgj-address/list.html">
 		<p class="user-address" style="    margin-top: .2rem;;">我的收货地址</p>
	</a> 
 </div> 
</div>
 <!--双十一新增会场--> 
 <!--订单部分-->
 <div class="content-box"> <div class="order-info"> 
<!--上半部分-->

<div id="dingdan">
	
 <a class="order-header J_link" >
 <div class="item-text"> 
 	<p class="order-icon">
 		<img src="img/order.png"></p> 
 		<p class="order-title">我的订单</p> 
 </div> 
 </a> 
 </div>
<!--下半部分-->  
 </div> <!--微信关注--> <div class="wechat-follow"> 
 </div> 
 	
 <!--中间收藏部分--> 
 <div class="collection-tips"> 
 	

 
 <a class="collection-header J_link" href="javascript:;" data-href="//h5.mogujie.com/order/pintuan-list.html"> 
 	
 	<div class="item-text">
 	<p class="item-icon">
 		<img src="img/wuliu.png">
 	</p> 
 	<div class="item-main"> 
 		<p class="item-title">我的物流</p>
 		<p class="coupon-num"></p> 
 	</div> 
 	</div>
 
 </a>   
 
 <a class="collection-header J_link" href="javascript:;" data-href="https://act.mogujie.com/walleth5"> 
 	
 	<div class="item-text"> 
 		<p class="item-icon">
 			<img src="img/jifeng.png">
 		</p> 
 		<div class="item-main">
 		<p class="item-title">我的积分</p>
 		</div> 
 	</div> 
 
 </a>   
 
 <a class="collection-header J_link" href="javascript:;" data-href="//h5.mogujie.com/coupon/coupon/index.html?type=platform"> 
 	
 	<div class="item-text"> 
 		<p class="item-icon">
 			<img src="img/jilu.png">
 		</p> 
 		<div class="item-main">
 		<p class="item-title">浏览记录</p> 
 		</div> </div> 
 
 </a>    
 
 <a class="collection-header J_link" href="javascript:;" data-href="//h5.mogujie.com/fav/list.html?type=goods"> 
 	<div class="item-text"> 
 		<p class="item-icon">
 			<img src="img/shoucang.png">
 		</p> 
 		<div class="item-main"> 
 			<p class="item-title">我的收藏</p>
 			<p class="coupon-num"></p>
 		</div> 
 	</div> 
 	
 </a>   
 

 
 <div class="blank"></div> 
 
 <a class="collection-header J_link" href="javascript:;" data-href="//www.mogujie.com/x/im?imver=1.2&amp;show_header=qq#recent"> 
 	
 	<div class="item-text"> 
 		<p class="item-icon">
 			<img src="img/xiaoxi.png">
 		</p> 
 		<div class="item-main">
 		<p class="item-title">消息通知</p> 
 		<p class="coupon-num"></p> 
 		</div> 
 	</div> 
 	
 </a>    
 
 <a class="collection-header J_link" href="javascript:;" data-href="//www.mogujie.com/x/im?imver=1.2&amp;show_header=qq#chat/b14ejg#23"> 
 	
 	<div class="item-text"> 
 		<p class="item-icon">
 			<img src="img/kefu.png">
 		</p> 
 		<div class="item-main"> 
 			<p class="item-title">客服</p>
 			<p class="coupon-num"></p> 
 		</div> 
 	</div> 
 
 </a>    
 
 <a class="collection-header J_link" href="javascript:;" data-href="//h5.mogujie.com/feedback/feedback.html?_wv=1"> 
 	<div class="item-text"> 
 		<p class="item-icon">
 			<img src="img/fankui.png">
 		</p> 
 		<div class="item-main">
 		<p class="item-title">意见反馈</p> 
 		<p class="coupon-num"></p> 
 		</div> 
 	</div> 
 	
 </a>   
 
 </div> 
 <!--退出登陆--> 
 <div class="out-content"> 
 	<a class="logout" href="javascript:;">退出登录</a> 
 </div> 
 </div> 
 
 <div class="bot">
				<div class="icon1" onclick="icon1()">
						<img src="https://s2.mogucdn.com/p2/170315/40592144_5a62k5aecifecf3iaddc0eb2l384b_44x44.png"  id="huan1"/> 
					<p>首页</p>
				</div>
				<div class="icon2" onclick="icon2()">
						<img src="https://s2.mogucdn.com/p2/170315/40592144_0b8i11l822b0adfjaaifl11ig86f1_44x44.png"  id="huan2"/> 
					<p >分类</p>
				</div>
				<div class="icon3" onclick="icon3()">
						<img src="https://s2.mogucdn.com/p2/170315/40592144_67ja8jj102089fj6djai0l6khb0h5_44x44.png"  id="huan3"/> 
					<p>购物车</p>
				</div>
				<div class="icon4" onclick="icon4()">
						<img src="https://s2.mogucdn.com/p2/170315/40592144_4aba4gee9khhe66df2723085cg75h_44x44.png"  id="huan4"/> 
					<p style="color: #FF5777;">我的</p>
				</div>
			</div>
</body>
</html>

<script src="js/mypage.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tiaozhuan.js" type="text/javascript" charset="utf-8"></script>
<script>
    (function () {
        function initRem() {
            var documentElement = window.document.documentElement;
            var width = Math.min(documentElement.clientWidth, 750);
            documentElement.style.fontSize = width / (750 / 100) + "px";
        }
        initRem();
        window.addEventListener('resize', initRem, false);
    })();
</script>